<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>五象云谷园区交通指引</title>
    <style>
        body {
            font-family: 'Microsoft YaHei', Arial, sans-serif;
            line-height: 1.6;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            color: #333;
        }
        h1 {
            color: #2c3e50;
            text-align: center;
            border-bottom: 2px solid #3498db;
            padding-bottom: 10px;
        }
        h2 {
            color: #2980b9;
            margin-top: 30px;
        }
        .nav-button {
            display: inline-block;
            background-color: #3498db;
            color: white;
            padding: 10px 15px;
            text-decoration: none;
            border-radius: 5px;
            margin: 10px 0;
            transition: background-color 0.3s;
        }
        .nav-button:hover {
            background-color: #2980b9;
        }
        .note {
            background-color: #f8f9fa;
            border-left: 4px solid #3498db;
            padding: 10px 15px;
            margin: 15px 0;
        }
        img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 15px auto;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
        ul {
            padding-left: 20px;
        }
    </style>
</head>
<body>
    <h1>五象云谷园区交通指引</h1>
    
    <h2>自驾车路线</h2>
    <p><strong>入口：园区东门</strong><br>
    <strong>出口：园区西门（-2楼）</strong></p>
    
    <a href="https://surl.amap.com/7QgzYz7jeIC" class="nav-button" target="_blank">点击导航至五象云谷智算中心-园区东门</a>
    
    <div class="note">
        <strong>重要提示：</strong>
        <ul>
            <li>由于园区地势特殊，从东门进入后请立即右转进入地下停车场</li>
            <li>地下停车场直接到达-2楼，目前-1楼暂未开放使用</li>
            <li>请遵循"东门进、西门出"的单向通行规则</li>
        </ul>
    </div>
    
    <img src="picture/图片1.png" alt="园区东门入口示意图">
    
    <h2>出租车/网约车路线</h2>
    <p><strong>入口：园区北门</strong></p>
    
    <a href="https://surl.amap.com/7weIphnOaid" class="nav-button" target="_blank">点击导航至润建股份有限公司-园区北门</a>
    
    <div class="note">
        <strong>温馨提示：</strong>
        <ul>
            <li>北门为打车专用入口，自驾车辆请勿从此门进入</li>
            <li>下车后可咨询现场工作人员获取进一步指引</li>
        </ul>
    </div>
    
    <h2>注意事项</h2>
    <ol>
        <li>请提前规划路线，建议出发前点击上方导航链接熟悉路线</li>
        <li>园区内请遵守交通指示，注意行车安全</li>
        <li>如有特殊需求，可提前联系园区客服</li>
    </ol>
</body>
</html>